.banner{
    width: 100%;
    height: 100vh;
}
.banner .swiper-container{
    width: 100%;
    height: 100%;
}
.banner .swiper-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner_list{
    width: 100%;
    height: 200px;
    position: absolute;
    bottom:0px;
    left:0px;
    z-index:2;
}
.banner_list ul{
    display: -webkit-flex;
    display: flex;
    height: 100%;
    width: 100%;
}
.banner_list ul li{
    width: 33.33%;
    background:rgba(45,96,172,.9);
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.banner_list ul li aside{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.banner_list ul li aside p{
    font-size: 24px;
    color: #fff;
    line-height:1;
    padding-left:27px;
}
.banner_list ul li aside p span{
    font-size: 13px;
}
.banner_list ul li:hover{
    background:rgba(255,216,0,.9);
}
.dep_nav{
    width: 100%;
    position: absolute;
    top:0;
    left:0;
    z-index:6;
}
.dep_nav::before{
    position: absolute;
    left:0;
    top:0;
    content:'';
    width:calc(100% - 480px);
    height: 10px;
    background: #2d60ac; 
}
.nav_kuang{
    width: 480px;
    height: 70px;
    float:right;
    position: relative;
}
.nav_con{
    float: left;
    width: 340px;
    height: 100%;
    overflow: hidden;
    background: #2d60ac;
}
.nav_menu{
    float: right;
    width: 140px;
    height: 100%;
    overflow: hidden;
    cursor:pointer;
}
.nav_con{
    padding-left: 45px;
}
.nav_con p{
    float: left;
    line-height: 70px;
    font-size: 14px;
    color: #fff;
    padding-right: 46px;
    position: relative;
}
.nav_con a{
    display: block;
    float: left;
    line-height: 70px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    
}
.nav_con p::after{
    content:'';
    position: absolute;
    width: 1px;
    height: 10px;
    background: #fff;
    top:calc(50% - 5px);
    left:calc(100% - 23px); 
}
.nav_down{
    display: none;
    position: absolute;
    width: 100%;
    height:calc(100vh - 70px);
    left:0;
    top:100%;
    background:rgba(0,0,0,.9);
    z-index:999;
    overflow: hidden;
}
.close2{
    position: absolute;
    right:40px;
    top:40px;
    width: 20px;
    height: 20px;
    cursor:pointer;
}
.nav_down2{
    position: absolute;
    width: 100%;
    height:calc(100vh - 70px);
    left:100%;
    top:0;
    background:rgba(0,0,0,.9);
    z-index:9999;
}
.nav_down ul{
    width: 100%;
    height: 100%;
    padding:75px 0 0 170px;
}
.nav_down ul li{
    width: 100%;
    line-height: 72px;
}
.nav_down ul li a{
    font-size: 18px;
    color: #999;
    position:relative;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.nav_down ul li a::after{
    content:'';
    position: absolute;
    width:0;
    height: 11px;
    background:url(../images/right1.png) no-repeat center center; 
    left:calc(100% + 30px);
    top:calc(50% - 5.5px);
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.nav_down ul li a:hover{
    color: #fff
}
.nav_down ul li a:hover::after{
    width: 56px;
}
.header{
    position: fixed;
    left:0;
    top:-65px;
    width: 100%;
    height: 65px;
    background:#2d60ac;
    z-index:99;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.fix_nav ul{
    display: -webkit-flex;
    display:flex;
    -webkit-justify-content: center;
    justify-content: center;
    height: 100%;
}
.fix_nav ul li{
    width: 130px;
    height: 100%;
    line-height: 65px;
    text-align: center;
    position: relative;
}
.fix_nav ul li a{
    font-size: 15px;
    color: #dceaff;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.fix_nav ul li a:hover{
    color: #fff;
    font-weight: bold;
}
.page1_bottom{
    width: 100%;
    height: 427px;
    position: relative;
}
.page1_bottom figure{
    width: 100%;
    height: 100%;
}
.page1_bottom figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.page1_bottom aside{
    width: 1224px;
    height: 427px;
    position: absolute;
    right:0;
    top:0;
    z-index:2;
    padding-left: 520px;
    padding-top: 160px;
    background: url(../images/juxing.png) no-repeat center center;
}
.page1_bottom aside h3{
    font-size: 30px;
    color: #fff;
    line-height: 52px;
}
.about_link{
    display: block;
    width: 120px;
    height: 40px;
    border:1px solid #fff;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    border-radius:20px;
    margin-top:20px;
}
.index_title p::after{
    content:'';
    position: absolute;
    width: 25px;
    height: 4px;
    background:#2d60ac;
    left:calc(50% - 12.5px);
    bottom:0px;  
}
.index_title h3{
    color: #536682;
    text-align: center;
    font-size: 48px;
    font-weight:100;
    padding-top:36px;
    font-family:'Alibaba-PuHuiTi-Light'; 
}
.page1_top p{
    text-align: center;
    line-height: 36px;
    font-size: 16px;
    color: #444;
    padding-top:20px;
}
.index_title p{
    width: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    padding-bottom:15px;
    position: relative;
}
.page1_top{
    padding:90px 0 70px 0;
}
.inabout_list ul{
    width: 100%;
    display: -webkit-flex;
    display: flex;
}
.inabout_list ul li{
    width: 25%;
    position: relative;
}
.inabout_list ul li figure{
    width: 100%;
    height: 100%;
    -webkit-filter: brightness(1);
    filter: brightness(1);
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.inabout_list ul li figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.inabout_list ul li figcaption{
    position: absolute;
    width: 120px;
    height: 40px;
    border:1px solid #fff;
    text-align: center;
    line-height: 38px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
    border-radius:20px;
    left:calc(50% - 60px);
    bottom:40px;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.inabout_list ul li:hover figure{
    -webkit-filter: brightness(0.6);
    filter: brightness(0.6);
}
.inabout_list ul li:hover figcaption{
    background:#2d60ac;
    border:1px solid #2d60ac;
}
.snm{
    top:0px;
}
.w1660{
    max-width:1660px;
    margin: 0 auto;
}
.product_list ul{
    display: -webkit-flex;
    display: flex;
}
.product_list ul li{
    margin-right: 20px;
}
.product_list ul li:last-child{
    margin-right: 0;
}
.product_list ul li figure{
    width: 400px;
    height: 300px;
    border:1px solid #e5e5e5;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.product_list ul li figcaption{
    width: 100%;
    padding-top: 25px;
    padding-bottom: 20px;
}
.product_list ul li figcaption h6{
    font-size: 16px;
    color: #111;
    text-align: center;
}
.product_list ul li figcaption p{
    font-size: 12px;
    color: #999;
    text-align: center;
    padding-top: 14px;
}
.product_list ul li:hover figure{
    box-shadow: 0px 0px 8px #ccc;
}
.more{
    display: block;
    width:468px;
    height:45px;
    margin:0 auto;
    margin-top:36px;
    text-align: center;
    line-height: 43px;
    border:1px solid #2d60ac;
    color: #2d60ac;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.more:hover{
    background: #2d60ac;
    color: #fff;
}
.module_page2{
    padding:92px 0 100px 0;
}
.product_list ul{
    margin-top: 24px;
}
.news_list ul{
    display: -webkit-flex;
    display: flex;
}
.news_list ul li{
    width: 540px;
    margin-right: 20px;
    position:relative;
}
.news_list ul li:last-child{
    margin-right: 0;
}
.news_list ul li figure{
    width: 100%;
    height: 410px;
}
.news_list ul li figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news_list ul li figcaption{
    position: absolute;
    left:0;
    bottom: 0;
    width: 100%;
    height: 86px;
    background:rgba(0,0,0,.7);
    padding-left: 20px;
    padding-top: 16px;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.news_list ul li figcaption::after{
    content: '';
    position: absolute;
    left:0;
    bottom:0;
    width:0;
    height: 5px;
    background:#ebca1d;
    -webkit-transition: ease-in-out .5s;
    -o-transition: ease-in-out .5s;
    transition: ease-in-out .5s;
}
.news_list ul li figcaption h3{
    font-size: 20px;
    color: #fff;
    -webkit-transition: ease-in-out .7s;
    -o-transition: ease-in-out .7s;
    transition: ease-in-out .7s;
}
.news_list ul li figcaption h6{
    font-size: 14px;
    color: #fff;
    padding-top: 10px;
    -webkit-transition: ease-in-out .7s;
    -o-transition: ease-in-out .7s;
    transition: ease-in-out .7s;
}
.news_list ul li figcaption p{
    height: 0px;
    overflow: hidden;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.news_list ul li:hover figcaption{
    height: 200px;
    background:rgba(45,96,172,.8);
}
.news_list ul li:hover figcaption p{
    height: 99px;
    font-size: 14px;
    color: #fff;
    line-height: 25px;
    padding-top:24px;
}
.news_list ul li:hover figcaption h3{
    -webkit-transform:translateY(26px);
    -ms-transform:translateY(26px);
    -o-transform:translateY(26px);
    transform:translateY(26px);
}
.news_list ul li:hover figcaption h6{
    padding-top: 0;
    -webkit-transform:translateY(-30px);
    -ms-transform:translateY(-30px);
    -o-transform:translateY(-30px);
    transform:translateY(-30px);
}
.news_list ul li:hover figcaption{
    padding-top: 27px;
}
.news_list ul li:hover figcaption::after{
    width: 100%;
}
.news_list ul{
    margin-top: 35px;
}
.module_page3{
    width: 100%;
    padding:92px 0 100px 0;
    background:url(../images/news_bg.jpg) repeat center center;
}
.footer ul li{
    float: left;
    padding-right:110px;
}
.footer .footer_top{
    background: #333;
    height: 350px;
    position: relative;
}
.asi_top{
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 10px;
    background: #2d60ac;
    z-index:3;
}
.footer ul li a{
    display: block;
    line-height:36px;
    font-size: 14px;
    color: #999;
}
.footer ul li p{
    font-size: 16px;
    color: #ccc;
    padding-bottom: 15px;
}
.footer_top{
    padding-top:55px;
}
.footer ul li a:hover{
    color: #fff;
}
.footer ul li h6{
    line-height:36px;
    font-size: 14px;
    color: #999;
}
.con_first{
    -webkit-transform:translateY(-12px);
    -ms-transform:translateY(-12px);
    -o-transform:translateY(-12px);
    transform:translateY(-12px);
    border-bottom:1px dashed #626262;
}
.con_first h3{
    float:left;
    font-family:'Alibaba-PuHuiTi-Regular';
    color: #ebcb1e;
    font-size: 30px; 
}
.sec_left{
    float: left;
}
.footer ul li .con_second p{
    float:left;
    font-size: 14px;
    color: #999;
    line-height: 30px;
    padding-left: 36px;
}
.footer ul li .con_second p:first-child{
    padding-left: 0;
}
.footer ul li .con_second{
    border-bottom: 1px dashed #626262;
}
.footer ul li .con_three p{
    font-size: 14px;
    color: #999;
    padding-top:20px;
}
.ewm{
    position: absolute;
    right:0px;
    top:104px;
}
.ewm figure{
    width: 120px;
    height: 120px;
    border:6px solid #535353;
}
.footer ul li .ewm p{
    font-size: 14px;
    color: #999;
    padding-top: 18px;
    width: 100%;
    text-align: center;
}
.share{
    float:right;
    padding-top:7px;
}
.copy{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.footer_top ul{
    position: relative;
}
.fix_nav ul li dl{
    position: absolute;
    width:600px;
    left:15px;
    top: 100%;
    z-index: 999;
    height: 64px;
    line-height: 64px;
    align-items: center;
    display: none; 
}
.fix_nav ul li dl dd{
    float: left;
}
.fix_nav ul li dl dd a{
    font-size: 15px;
    color: #666;
    display: block;
    padding: 0 20px;
    position: relative;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.fix_nav ul li dl dd a::after{
    content:'';
    position: absolute;
    left:50%;
    bottom:0;
    width:0;
    height:2px;
    background: #ffd800; 
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.header_li{
    width: 100%;
    position: absolute;
    z-index: 9;
    left: 0;
    top: 100%;
    background:#fff;
    height:64px;
    box-shadow:0px 3px 6px #ccc;
    display:none;
}
.fix_nav{
    position: relative;
}
.fix_nav ul li dl dd a:hover{
    color: #2d60ac;
}
.fix_nav ul li dl dd a:hover::after{
    width: 60px;
    left:calc(50% - 30px);
}



.banner_position{
    position: absolute;
    left:360px;
    top:220px;
}
.banner_position h3{
    font-size:60px;
    color: #fff;
    padding-bottom: 25px;
}
.banner_position aside{
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.banner_position aside a{
    display: block;
    font-size: 15px;
    color: #fff;
    margin:0 10px;
    position: relative;
}
.banner_position aside a::after{
    content: '';
    position: absolute;
    bottom: 0;
    left:50%;
    width: 0;
    height: 1px;
    background: #fff;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.banner_position aside a:hover::after{
    left:0;
    width: 100%;
}
.about_page1{
    padding:80px 0;
}
.about_title{
    font-size: 32px;
    font-weight: bold;
    color: #536682;
    padding-bottom:20px;
}
.con_left{
    max-width: 820px;
    float:left;
}
.con_left p{
    font-size: 15px;
    color: #666;
    line-height:36px;
}
.con_left ul{
    width: 100%;
    display: -webkit-flex;
    display:flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-top: 10px;
}
.con_left ul li{
    float:left;
}
.con_left ul li h5{
    font-size: 48px;
    color: #2d60ac;
    text-align: center;
}
.con_left ul li h6{
    font-size: 15px;
    color: #666;
    text-align: center;
    padding-top: 8px;
}
.con_right{
    float: right;
}
.con_left .img{
    padding-top: 60px;
}
.about_page2{
    background: #f4f7fb;
    padding:72px 0 80px 0;
}
.culture{
    padding-top: 14px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.culture figcaption{
    width: 600px;
    height: 400px;
    background: #fff;
    padding-left: 60px;
    padding-top:40px;
}
.culture figcaption ul li p{
    font-size: 20px;
    color:#666666;
    line-height: 54px;
    padding-left: 40px;
    position: relative;
}
.culture figcaption ul li p::before{
    content:'';
    position: absolute;
    width: 12px;
    height: 13px;
    left:0;
    top:calc(50% - 6.5px);
    background:url(../images/linxing_img.jpg) no-repeat center center;
}
.culture figcaption ul li p span{
    color: #444;
    font-weight: bold;
}
.about_page3{
    width: 100%;
    height: 640px;
    background:url(../images/about_img6.jpg) no-repeat center center;
}
.about_page3 .about_title{
    color: #fff;
}



.honor_swiper{
    padding-top:14px;
    position: relative;
}
.honor_swiper .swiper-slide a{
    display: block;
    width: 100%;
    height:322px;
}
.honor_swiper .swiper-slide a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.honor_swiper .swiper-pagination{
    width: 100%;
    margin-top: 45px;
}
.honor_swiper .swiper-pagination-bullet{
    width: 40px;
    height:5px;
    border-radius: 3px;
    margin:0 5px;
}
.honor_swiper .swiper-pagination-bullet-active{
    background: #ffd800;
}
.about_title p{
    font-size: 18px;
    color: #999999;
    font-weight:400;
    padding-top: 3px;
}
.cf_list ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 14px;
}
.cf_list ul li{
    
    margin-right: 20px;
    margin-bottom: 20px;
    position: relative;
}
.cf_list ul li figure{
    width: 386px;
    height: 290px;
    overflow: hidden;
}
.cf_list ul li figure img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.cf_list ul li:hover figure img{
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.cf_list ul li:nth-child(3n){
    margin-right: 0;
}
.cf_list ul li figcaption{
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    background:rgba(0,0,0,.6);
    position: absolute;
    bottom:0;
    z-index: 9;
}
.load{
    margin-top: 20px;
}
.load i{
    display: block;
    text-align: center;
    font-size:36px;
    color: #999;
}
.load p{
    text-align: center;
    font-size: 12px;
    color: #666;
}
.about_page4{
    background: #fff;
}



.hist_page_tab1{
    position: relative;
    background:url("../images/line.jpg") left top 69px repeat-x;
}
.w1400{
    max-width: 1400px;
    margin: 0 auto;
}
.hist_page_tab1 .swiper-container{
    padding-top:48px;
}
.hist_page_tab1 .swiper-slide{
    text-align: center;
    cursor: pointer;
    position: relative;
}
.hist_page_tab1 .swiper-slide .years{
    font-size:24px;
    color: #999;
    line-height: 60px;
    padding-top: 40px;
    background:url("../images/point.jpg") left 50% top 10px no-repeat;
}
.hist_page_tab1 .swip_choose .years{
    font-size:30px;
    color: #000;
    background:url("../images/point2.jpg") left 50% top 10px no-repeat;
}
.hist_page_tab1 .swiper-pagination-bullet-active{
    background: #788498;
}

.years img{
    position: absolute;
    bottom:0;
    left:50%;
    margin-left: -5px;
    z-index: 999;
}
.histab2_time span{
    font-size: 32px;
    color: #788498;
}
.histab2_time i{
    font-size: 48px;
    color: #788498;
    padding-left: 10px;
}
.hist_page_tab2{
    max-width: 1400px;
    margin: 0 auto;
    margin-top: 30px;
}
.hist_page_tab2_in{
    display: none;
}
.hist_page_tab2_in:first-child{
    display: block;
}

.hist_page .swiper-button-next{
    width:11px;
    height:14px;
    background:url("../images/right22.jpg") left top no-repeat;
    top:42%;
    right:-40px;
    margin-top: 0;
    -webkit-background-size: cover;
    background-size: cover;
}
.hist_page .swiper-button-prev{
    width: 11px;
    height: 14px;
    background:url("../images/left22.jpg") left top no-repeat;
    top:42%;
    left:-40px;
    margin-top: 0;
    -webkit-background-size: cover;
    background-size: cover;
}
.histab2_list h3{
    font-size:48px;
    color: #444;
    font-weight: 100;
    padding-bottom: 30px;
}
.histab2_list p{
    font-size: 1.6rem;
    color: #777;
    line-height: 2;
}
.histab2_tukuang{
    width: 100%;
    margin: 0 auto;
    
}

.histab2_tukuang .histab2_list{
    width: 100%;
    text-align: center;
    padding-top: 20px;
}
.module_page3 .title h3{
    margin-top: 30px;
    font-size: 36px;
    color: #000;
    text-align: center;
    padding-bottom: 10px;
    background: url(../images/index_img7.jpg) no-repeat center 30px;
}
.hist_page{
    padding-bottom: 100px;
}
.contact_title{
    font-size: 36px;
    color:#536682;
}
.contact_page{
    padding:72px 0 60px 0;
}
.contact_body{
    padding-top: 45px;
}
.contact_body h3{
    width: 100%;
    font-size: 30px;
    font-weight: 100;
    padding-bottom: 6px;
}
.contact_body figcaption{
    float:left;
}
.contact_body figcaption ul li{
    font-size: 16px;
    color: #666;
    padding-left: 30px;
    line-height: 60px;
    position: relative;
}
.contact_body figcaption ul li::after{
    position: absolute;
    content: '';
    left:5px;
    top:calc(50% - 2.5px);
    width: 7px;
    height: 7px;
    background:url(../images/right3.jpg) no-repeat center center;
}
.contact_body figure{
    float: right;
    width: 590px;
    height: 320px;
    background: #eeeeee;
    margin-top:18px;
}
.ewm2{
    width: 164px;
    height: 164px;
    border-radius:10px;
    background: #fff;
    padding:8px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 40px;
}
.contact_body figure p{
    text-align: center;
    font-size: 16px;
    color: #000;
    line-height: 24px;
    padding-top: 15px;
}
.con_list ul{
    display: -webkit-flex;
    display:flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 20px;
}
.con_list ul li{
    width: 590px;
    height: 280px;
    border:1px solid #cccccc;
    padding-top: 36px;
    padding-left: 40px;
}
.con_list ul li h3{
    font-size: 24px;
    color: #000;
}
.con_list ul li p{
    font-size: 16px;
    color: #666;
    line-height:40px;
    padding-top: 20px;
}
.inside_body{
    padding:72px 0 80px 0;
}
.inside_title{
    text-align: center;
    font-size:36px;
    color: #536682;
    padding-bottom: 50px;
}
.w1170{
    max-width:1170px;
    margin: 0 auto;
}
.down_list ul{
    display: -webkit-flex;
    display:flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.down_list ul li{
    width: 376px;
    height: 240px;
    margin-right: 20px;
    margin-bottom: 20px;
    border:1px solid #ccc;
    padding:27px 27px 0 50px;
}
.down_list ul li:nth-child(3n){
    margin-right: 0;
}
.down_list ul li h3{
    font-size: 22px;
    color: #444;
    padding-bottom:16px;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.down_list ul li h6{
    font-size: 13px;
    color: #999;
}
.down_b{
    display: -webkit-flex;
    display:flex;
    align-items: center;
    float:right;
    padding-top:86px;
}
.down_b i{
    display: block;
    font-size:26px;
    color: #999;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.down_b p{
    font-size: 13px;
    color: #999;
    padding-left: 5px;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.down_list ul li:hover h3{
    color: #2d60ac;
}
.down_list ul li:hover i{
    color: #2d60ac;
}
.down_list ul li:hover p{
    color: #2d60ac;
}
.news_dea_title{
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding-bottom:30px;
    border-bottom: 1px solid #ebebeb;
}
.dea_font h3{
    font-size: 36px;
    color: #536682;
    font-weight: 400;
    padding-bottom: 20px;
}
.dea_font p{
    font-size: 14px;
    color: #999;
    padding-top: 10px;
}
.jion_list ul{
    display: -webkit-flex;
    display:flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.jion_list ul li{
    width: 376px;
    height: 192px;
    margin-right: 20px;
    margin-bottom: 20px;
    background:#f3f3f3;
    padding:24px 0 0 22px;
}
.jion_list ul li:nth-child(3n){
    margin-right: 0;
}
.jion_list ul li h3{
    font-size: 22px;
    color: #444;
}
.jion_list table{
    margin-left:25px;
    margin-top: 20px;
    border:none;
}
.jion_list table tr{
    height:24px;
}
.jion_list table tr th{
    border:none;
    color: #888;
    width: 80px;
    font-size: 14px;
    padding:0;
}
.jion_list table tr td{
    border:none;
    font-size: 16px;
    color: #666;
}
.jion_list ul li p{
    padding-left: 25px;
    padding-top: 30px;
    font-size: 15px;
    color: #999;
}
.jion_list ul li a{
    display: block;
    width: 100%;
    height: 100%;
}
.jion_bg{
    position: fixed;
    left:0;
    top:0;
    background: rgba(0,0,0,0.7);
    width:100%;
    height:100%;
    z-index: 999;
}
.jion_tc{
    width: 1000px;
    height: 700px;
    background: #fff;
    position: absolute;
    top:20%;
    left:calc(50% - 500px);
    border-radius:30px;
    padding-top: 50px;
    padding-left: 30px;
    padding-right: 30px;
    z-index:9999;
}
.close{
    position: absolute;
    right:-55px;
    top:0;
    cursor:pointer;
}
.jion_tc table{
    border:none;
}
.jion_tc table tr{
    border:none;
}
.jion_tc table tr th{
    border:none;
    font-size: 15px;
    color: #999;
    width: 230px;
}
.jion_tc table tr th:first-child{
    width: 280px;
}
.jion_tc table tr td{
    border:none;
    font-size: 28px;
    color: #444;
    padding-top: 2px;
}
.jion_title h3{
    text-align:left;
    width: 100%;
    font-size: 20px;
    color: #555;
    font-weight: bold;
}
.jion_title h6{
    text-align:right;
    width: 100%;
    font-size: 14px;
    color: #555;
}
.jion_title{
    padding: 40px 0 12px 0;
    border-bottom:1px solid #eeeeee;
}
.jion_con{
    height: 380px;
    border-bottom:1px solid #eee;
}
.jion_con p{
    font-size: 15px;
    color: #555;
    line-height: 36px;
    padding-top: 30px;
}
.jion_tc a{
    display: block;
    width: 200px;
    height: 40px;
    margin: 0 auto;
    border:1px solid #a8a8a8;
    line-height: 38px;
    text-align: center;
    font-size: 16px;
    color: #555;
    position: relative;
    margin-top:36px;
}
.jion_tc a::after{
    content:'';
    position: absolute;
    width: 9px;
    height: 9px;
    background:url(../images/jiahao.png) no-repeat center center;
    right:18px;
    top:calc(50% - 4.5px); 
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}

.jion_tc a:hover::after{
    right:28px;
}
.jion_bg{
    display: none;
}
.jion_tc{
    display: none;
}



.w627{
    max-width: 627px;
    margin: 0 auto;
}
.message input{
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    box-shadow: 0px 0px 5px #ccc;
    border-radius:5px;
    margin-bottom: 24px;
    display: block;
}
.message input::-webkit-input-placeholder{
    font-size: 14px;
    color: #999;
}
.message div{
    position: relative;
}
.message div::after{
    content:'';
    position: absolute;
    right:15px;
    top:calc(40% - 8px);
    width: 7px;
    height: 6px;
    z-index:9;
    opacity:0;
    background:url(../images/111.jpg) no-repeat center center;
}
.message div.bixuan::after{
    opacity:1;
}
.message select{
    width: 100%;
    height: 45px;
    line-height: 45px;
    padding-left: 20px;
    box-shadow: 0px 0px 5px #ccc;
    border-radius:5px;
    margin-bottom: 24px;
    color: #999;
    background: url(../images/select.png) no-repeat scroll 100px center transparent;
}
.message textarea{
    height: 200px;
    padding-left: 20px;
    padding-top: 16px;
    border-radius:10px;
    width: 100%;
    box-shadow: 0px 0px 5px #ccc;
    margin-bottom: 24px;
}
.w314{
    width: 314px;
    margin: 0 auto;
    float: left;
}
.w296{
    width:296px;
    margin: 0 auto;
    float: right;
}
.message button{
    width: 48%;
    float: left;
    margin-right:4%;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    border-radius:8px;
    cursor:pointer;
}
.message button.red{
    background: #e62129;
}
.message button.ccc{
    background: #999999;
}
.message button.ml0{
    margin-right: 0;
}
.message p{
    font-size: 14px;
    color: #e62129;
    padding-top:40px;
    float: left;
}


.w945{
    max-width: 945px;
    margin: 0 auto;
}
.liuyan h3{
    font-size: 3.6rem;
    font-weight: 500;
    color: #536682;
    text-align: center;
    margin-bottom: 4%;
}
.liuyan h6{
    font-size: 2.6rem;
    font-weight: 500;
    color: #494544;
    text-align: center;
    margin-bottom: 5.2%;

}
.zx_message{
    padding: 0 0 40px 0;
}
.message2 li{
    padding-bottom: 20px;
}
.message2 input{
    height:45px;
    line-height: 45px;
    border-radius: 10px;
    border:1px solid #dadada;
    box-shadow: 0 0 10px #eee;
}
.message2 li:first-child{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.message2 li:first-child input{
    width:32%;
    padding-left: 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.message2 li textarea{
    border:1px solid #dadada;
    width: 100%;
    height:300px;
    padding:2%;
    border-radius: 10px;
    box-shadow: 0 0 10px #eee;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.message2 li:nth-child(3){
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.message2 li:nth-child(3) input{
    width:100%;
    padding:2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.message2 li:nth-child(3) button{
    width: 30%;
    font-size: 16px;
    line-height:45px;
    height: 45px;
    color:#fff;
    border-radius: 10px;
    background: #2d60ac;
    cursor:pointer;
}
.yzm{
    width: 40%;
    position: relative;
}
.yzm img{
    position: absolute;
    right:20px;
    top:1px;
    z-index: 2;
}
.news_list1 ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.news_list1 ul li{
    width: 385px;
    height: 428px;
    border:1px solid #e5e5e5;
    margin-right: 20px;
    margin-bottom: 20px;
    padding: 10px;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.news_list1 ul li:nth-child(3n){
    margin-right: 0;
}
.news_list1 ul li figure{
    width: 100%;
    height: 276px;
    position: relative;
    overflow: hidden;
}
.news_list1 ul li figure img{
    width: 100%;
    height: 100%;
    object-fit:cover;
}
.news_list1 ul li figure .time{
    position: absolute;
    left:0px;
    bottom: 0px;
    width: 116px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: #ffd800;
    font-size: 14px;
    color: #fff;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.news_list1 ul li figcaption{
    padding: 27px 20px 0 20px;
}
.news_list1 ul li figcaption h3{
    font-size:17px;
    color: #444;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.news_list1 ul li figcaption p{
    font-size: 14px;
    color: #777;
    line-height: 20px;
    padding-top:15px;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.news_list1 ul li:hover{
    border:1px solid #536682;
    box-shadow: 0px 0px 8px #ccc;
}
.news_list1 ul li:hover figcaption h3{
    color: #536682;
}
.news_list1 ul li:hover figcaption p{
    color: #000;
}
.news_list2 ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
}
.news_list2 ul li{
    width: 100%;
    height: 180px;
    background: #fff;
    margin-bottom: 20px;
    border:1px solid #dceaff;
     -webkit-transition: ease-in-out.3s;
    -o-transition: ease-in-out.3s;
    transition: ease-in-out.3s;
}
.news_list2 ul li a{
    display: -webkit-flex;
    display: flex;
    width: 100%;
    height: 100%;
}

.news_list2 ul li .ul_time{
    width: 175px;
    position: relative;
    padding-top: 30px;
}
.news_list2 ul li .ul_con{
    width:1023px;
    padding-top: 50px;
    margin-left: 40px;
    overflow: hidden;
    padding-right: 60px;
}
.news_list2 ul li .ul_time h3{
    width: 100%;
    text-align: center;
    font-size: 60px;
}
.news_list2 ul li .ul_time h6{
    font-size: 18px;
    color: #999;
    text-align: center;
    width: 100%;
}
.news_list2 ul li .ul_time::after{
    content:'';
    position: absolute;
    width: 1px;
    height: 80px;
    background: #dceaff;
    right:0;
    top:calc(50% - 40px);
}
.news_list2 ul li .ul_con h3{
    font-size: 17px;
    color: #444;
    -webkit-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
    -webkit-transition: ease-in-out.3s;
    -o-transition: ease-in-out.3s;
    transition: ease-in-out.3s;
}
.news_list2 ul li .ul_con p{
    font-size: 14px;
    color: #777;
    padding-top: 12px;
    -webkit-transition: ease-in-out.3s;
    -o-transition: ease-in-out.3s;
    transition: ease-in-out.3s;
}
.news_list2 ul li:hover .ul_time h3{
    color: #000;
}
.news_list2 ul li:hover .ul_con h3{
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px);
    transform: translateX(0px);
    color: #536682
}
.news_list2 ul li:hover .ul_con  p{
    color: #000;
}
.news_list2 ul li:hover{
    box-shadow: 0px 0px 5px #ccc;
}
.newsdea_title h3{
    font-size: 36px;
    color: #536682;
}
.title_bottom{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items:flex-start;
    align-items:flex-start;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding-top:26px;
}
.title_left .time{
    float: left;
    font-size: 14px;
    color: #888;
    padding-top: 5px;
}
.share2{
    float:left;
    padding-left: 40px;
}
.title_right ul li{
    float:left;
    width: 44px;
    height: 44px;
    border:1px solid #eee;
    border-radius:44px;
    margin-left: 10px;
    text-align: center;
    line-height: 44px;
    overflow: hidden;
}
.title_right ul li a{
    display: block;
}
.title_right ul li a i{
    display: block;
    width: 100%;
    height: 100%;
    color: #777;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.title_right ul li:first-child a i{
    font-size: 20px;
    -webkit-transition:transform:rotate(-180deg);
    -o-transition:transform:rotate(-180deg);
    transform:rotate(-180deg); 
}
.title_right ul li:last-child a i{
    font-size: 20px; 
}
.title_right ul li:hover i{
    background:#ffd800;
    color: #fff;
}
.newsdea_title{
    padding-bottom:15px;
    border-bottom:1px solid #eee;
}
.news_editor p{
    font-size: 16px;
    color: #444;
    line-height: 42px;
    padding:25px 40px 35px 40px;
}
.news_next ul li{
    width: 100%;
    height: 80px;
    line-height: 79px;
    border-top:1px solid #d2d2d2;
    position: relative;
}
.news_next ul li:nth-child(2){
    border-bottom:1px solid #d2d2d2;
}
.news_next ul li::after{
    display:block; 
    content:"clear"; 
    height:0; 
    clear:both; 
    overflow:hidden; 
    visibility:hidden;
}
.news_next ul li h3{
    float:left;
    width: 120px;
    height: 100%;
    text-align: center;
    font-size: 16px;
    color: #888;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.news_next ul li p{
    float: left;
    font-size: 16px;
    color: #888;
    padding-left: 20px;
}
.news_next ul li:hover h3{
    background: #ffd800;
    color: #fff;
}
.news_next ul li a{
    display:block;
    width: 100%;
    height: 100%;
}
.pro_left{
    float:left;
    width: 220px;
}
.pro_left ul li{
    width: 100%;
    
    margin-bottom:5px;
    position: relative;
}
.pro_left ul li a{
    padding-left: 22px;
    line-height: 48px;
    display: block;
    width: 100%;
   /*  height: 100%; */
    background: #eeeeee;
    position:relative;
}
.pro_left ul li a i{
    display: block;
    position: absolute;
    font-size:20px;
    color: #666;
    right:18px;
    top:0;
}
.pro_left ul li::after{
    content:'';
    width: 9px;
    height: 48px;
    background:url(../images/pro_navimg.png) no-repeat center center;
    position:absolute;
    top:0;
    left:0;
    z-index: 3;
}
.pro_left ul li ol{
    margin-bottom:10px;
}
.pro_left ul li ol li{
    border-top:1px solid #eeeeee;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
    margin-bottom: 0;
}
.pro_left ul li ol li:last-child{
    border-bottom:1px solid #eeeeee;
}
.pro_left ul li ol li a{
    background: #fff;
    padding-left: 40px;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.pro_left ul li ol li a::after{
    content:''; 
    width: 5px;
    height: 6px;
    position:absolute;
    left:25px;
    top:calc(50% - 3px);
    background: url(../images/pro_navimg2.png) no-repeat center center;
}
.pro_left ul li ol li::after{
    content:none;
}
.pro_left ul li ol li:hover a{
    background: #f6f6f6;
     color: #2d60ac;
}
.pro_left ul li.active a{
    background:#2d60ac;
    color: #fff;
}
.pro_left ul li.active i{
    color: #fff;
}
.pro_left ul li.active ol li a{
    background: #fff;
    color: #666;
    font-size: 15px;
}
.pro_left ul li ol li.active2 a{
    background: #f6f6f6;
    color: #2d60ac;
}
.pro_left ul li i{
    -webkit-transform:rotate(-180deg);
    -o-transform:rotate(-180deg);
    transform:rotate(-180deg);
}
.pro_left ul li.arrow i{
    -webkit-transform:rotate(0deg);
    -o-transform:rotate(0deg);
    transform:rotate(0deg);
}
.pro_left ul li ol{
    display: none;
}
.pro_left ul li.active ol{
    display: block;
}

.pro_right{
    width: 930px;
    float: right;
}
.porduct_lsit1 ul{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.porduct_lsit1 ul li{
    width: 295px;
    margin-right:22px;
    margin-bottom: 22px;
    border:1px solid #fff;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.porduct_lsit1 ul li:nth-child(3n){
    margin-right: 0;
}
.porduct_lsit1 ul li figure{
    border:1px solid #e5e5e5;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.porduct_lsit1 ul li  figcaption{
    width: 100%;
    height: 56px;
   
    background: #f3f3f3;
    padding:0 20px;
    position: relative;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
/* .porduct_lsit1 ul li figcaption:before{
	content:'';
	display:inline-block;
	 vertical-align:middle;
	 margin-left:-.23em;
	 height:100%;
} */
.porduct_lsit1 ul li  figcaption div{
	width:80%;
	display:inline-block;
	vertical-align:middle;
    font-size: 14px;
    color: #666;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.porduct_lsit1 ul li  figcaption p{
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	padding-top:20px;
}

.porduct_lsit1 ul li figcaption i{
    position: absolute;
    display: block;
    line-height: 56px;
    top:0;
    right:20px;
    font-size:18px;
    color: #666;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.porduct_lsit1 ul li:hover{
    border:1px solid #2d60ac;
}
.porduct_lsit1 ul li:hover figure{
    border:1px solid #2d60ac;
}
.porduct_lsit1 ul li:hover figcaption{
    background:#2d60ac;
}
.porduct_lsit1 ul li:hover figcaption p{
    color: #fff;
}
.porduct_lsit1 ul li:hover figcaption i{
    color: #fff;
}
.pro_title h3{
    font-size: 20px;
    color: #2d60ac;
    font-weight: bold;
    padding-bottom:20px;
    border-bottom:1px solid #d2d2d2;
    margin-bottom: 30px;
}
.prodea_title{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    padding-bottom: 20px;
    border-bottom:1px solid #e5e5e5;
}
.prodea_title h3{
    font-size: 28px;
    color: #2d60ac;
}
.prodea_title ul{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}
.prodea_title ul li{
    margin-left:9px;
}
.prodea_title ul li i{
    width: 30px;
    height: 30px;
    display: block;
    font-size: 30px;
    color: #999;
    -webkit-transition: ease-in-out .3s;
    -o-transition: ease-in-out .3s;
    transition: ease-in-out .3s;
}
.prodea_title ul li:nth-child(3) i{
    transform:rotate(-180deg);
}
.prodea_title ul li:hover i{
    color: #000;
}
.prodea_endit{
    padding-top:40px;
}
.porduct_list2 ul li{
    width: 455px;
    margin-right: 20px;
}
.porduct_list2 ul li:nth-child(3n){
    margin-right: 20px;
}
.porduct_list2 ul li:nth-child(2n){
    margin-right:0;
}
.prodea2{
    padding-top: 30px;
}
/* .prodea2 figure{
    width: 700px;
    float:left;
    border:1px solid #d2d2d2;
    position: relative;
} */
.prodea2 figure{
    margin:0 auto 20px;
    width: 700px;
    border:1px solid #d2d2d2;
    position: relative;
	float:left;
}
.prodea2 figure img{
    width: 100%;
    height: 100%;
    object-fit:cover;
}
.prodea2 figure .gupqi{
    width: 49px;
    height: 33px;
    position: absolute;
    right:3px;
    top:3px;
    z-index:9;
}
.prodea2 figcaption{
    width: 460px;
    float: right;
}
.pro_tab_mod table{
    border:none;
}
.pro_tab_mod tr{
    border:none;
}
.pro_tab_mod tr td{
    border:none;
     font-size: 15px;
     line-height: 36px;
}
.pro_tab_mod tr td:first-child{
    color:#999;
}
.pro_tab_mod tr td:last-child{
    color: #444;
}
.pro_tab_mod{
    padding-bottom:16px;
    border-bottom:1px dashed #eee;
    padding-top: 10px;
}
.pro_tab_mod_two{
	line-height:2;
	font-size:15px;
}
.bn{
    border:none;
}
.pro_tj{
    padding:60px 0;
   /*  margin-top: 40px; */
    background: #f5f5f5;
}
.pro_tj h3{
    font-size: 20px;
    font-weight: bold;
    color: #2d60ac;
    padding-bottom: 30px;
}
.pro_list3 ul li{
    width: 285px;
    margin-right: 20px;
    margin-bottom: 20px;
    border:1px solid #f5f5f5;
}
.pro_list3 ul li:nth-child(3n){
    margin-right: 20px;
}
.pro_list3 ul li:nth-child(4n){
    margin-right:0;
}
.pro_list3 ul li figcaption{
    background: #fff;
}
.inside_body .content{
	width:100%;
	margin:0 auto;
	/* background:rgba(238,238,238,1); */
}
.content table{
	width:100%;
}
.content table td{

	text-align:center;
	font-size:12px;
}
.content table td p{
	padding:3px 0;
	text-align:center;
	font-size:12px;
}
.icon_img{
	vertical-align:middle;
}
.icon_img img{
	width:40px;
}